$(function(){
	let json;
	$.getJSON("../json/hot.json",function(data){
		json = data;
		var str = "";
		$.each(json, function(index,value) {
			str+=`
					<div>
                        <span>
                        真心<br>便宜
                        </span>
                        <img src="../${value.url}" alt="">
                        <i>${value.logo}</i>
                        <i>${value.introduce}</i>
                        <i>¥${value.price}</i>
                        <i>¥${value.oldPrice}</i>
                        <i>${value.discount}</i>
                        <i>${value.numPeople}人已购买</i>
                        <b></b>
                        <a href="#">立即抢购</a>
                </div>			
			`
		})
		$(".hot-cont").html(str);
		
		$(".hot-cont div").hover(function(){
			$(this).css({
				'box-shadow': '0 0 30px #000',
                'z-index': '1'
			})
		},function(){
			$(this).css({
				'box-shadow': 'none',
                'z-index': '0'
			})
		})
	})
})